<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/ShoppingCar.css" />
		<link rel="stylesheet" href="../css/ShoppingCar3.css" />
		<link rel="stylesheet" type="text/css" href="../css/head-footer.css"/>
	</head>
	<body>
		
		<div id="container">
			
			<div class="head">
				<!--logo-->
				<div class="logo">
					<img src="../img/gq/logo_01.jpg"/>
				</div>
				<!--导航-->
				<ul class="clearfix">
					<li><a href="#">首页</a></li>
					<li><a href="#">骑行</a></li>
					<li><a href="#">铁三</a></li>
					<li><a href="#">跑步</a></li>
					<li><a href="#">新手学堂</a></li>
					<li><a href="#">品牌专区</a></li>
				</ul>
				<!--搜索框-->
	            <form action="" class="search">
	                <input type="search">
	                <div class="search_icon">
	                    <img src="../img/sousuo.png" alt="">
	                </div>
	            </form>
		    	<!--购物车图标-->
		    	<div class="shopcar">
		    		<img src="../img/shopcar.png" alt="">
		    	</div>
		    	<!--人员图标-->
		    	<div class="people">
		    		<img src="../img/people.png" alt="">
		    	</div>
		    	<!--联系热线-->
		    	<div class="tel">
		    		<p>400-6563-116</p>
		    	</div>
		    	<!--language-->
		    	<div class="language">
		    		<span>CH</span>
		    	</div>
			</div>
			
			
			<!--	导航栏下方	购物流程	固定		-->
			<div class="payment-process relative">
				<!--	我的购物车	-->
				<div class="process_MYsc fl">
					<img src="../img/hjh/shoppingcar/process_MYsc.jpg"/>
					<p>2016-10-09</p>
					<p>19:10:00</p>
				</div>
				<div class="process_threadbox absolute  threadbox_active" id="threadbox1">
					<p>01</p>
					<div class="process_thread"></div>
					<p>我的购物车</p>
				</div>
				
				<!--	填写核对订单		-->
				<div class="process_MYifm fl">
					<img src="../img/hjh/shoppingcar/process_MYifm.jpg"/>
					<p>2016-10-09</p>
					<p>19:10:00</p>
				</div>
				<div class="process_threadbox absolute  threadbox_active" id="threadbox2">
					<p>02</p>
					<div class="process_thread"></div>
					<p>填写核对订单</p>
				</div>
				
				<!--	成功提交订单		-->
				<div class="process_Submit-Order fl">
					<img src="../img/hjh/shoppingcar/process_Submit-Order.jpg"/>
					<p>2016-10-09</p>
					<p>19:10:00</p>
				</div>
				<div class="process_threadbox absolute  threadbox_active" id="threadbox3">
					<p>03</p>
					<div class="process_thread"></div>
					<p>成功提交订单</p>
				</div>
			</div>
			
			
			<div class="succeed_box">
				<p>订单提交成功，请您尽快付款</p>
				<p>您的订单号：<span>n3434973243</span>          应支付金额：<span>299.00元</span></p>
				<p>立即支付299.00元，即可完成订单，请您在24小时内完成支付，否则订单会被自动取消。</p>
			</div>
			
			
			<!--	购物流程下方		支付平台		部分固定		-->
			<div class="shoppingcar-box relative">
				<!--	支付平台-左上方的红线	固定		-->
				<div class="redthread absolute"></div>
				
				<!--	支付平台-标题	固定	-->
				<div class="shoppingcar_title">
					
					<!--	非固定	-->
					支付平台
				</div>
				
				<!--	支付平台-内容	固定	-->
				<div class="shoppingcar_content">
					
					<div class="payways">
						<input type="checkbox" id="ZFB" />
						<label for="ZFB"><img src="../img/hjh/shoppingcar/payways/ZFB.jpg"/></label>
						<input type="checkbox" id="KQ" />
						<label for="KQ"><img src="../img/hjh/shoppingcar/payways/KQ.jpg"/></label>
						<input type="checkbox" id="YL" />
						<label for="YL"><img src="../img/hjh/shoppingcar/payways/YL.jpg"/></label>
					</div>
					
					<div class="btnBox">
						<div class="btn fl">确定支付方式</div>
						完成支付后，您可以：<a>查看订单详情</a>
					</div>
				</div>
			</div>
			
			
			
			<!--尾部-->
			<div class="footer">
				<div class="logo-2">
					<img src="../img/gq/logo-2_13.jpg"/>
				</div>
				<ul>
					<li>新手指南</li>
					<li>用户注册</li>
					<li>定制流程</li>
				</ul>
				<ul>
					<li>付款方式</li>
					<li>支付方式</li>
					<li>支付问题</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li>退款换货</li>
					<li>配送方式</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li>政策条款</li>
					<li>服务协议</li>
					<li>隐私条款</li>
					<li>s版权条款</li>
				</ul>
				<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</div>
		</div>
		</div>
		
	</body>
</html>
